<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Y</title>
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="css/indexstyle.css" rel="stylesheet">
    <link rel="icon" href="img/logo.png" type="image/x-icon">
    <link rel="shortcut icon" href="img/logo.png" type="image/x-icon">
    <script src="js/jquery-3.6.0.min.js"></script>
    <script src="js/bootstrap.bundle.js"></script>
    <script src="js/bootstrap.js"></script>
</head>
<!-- left-sidebar.html -->
<div class="col-md-3 col-2 bg-light" id="sidebar">
    <ul class="nav flex-column">
        <li class="nav-item">
            <a class="aaa" href="index.html"><img src="img/logo.png" alt="主页" class="logo"></a>
        </li>
        <li class="nav-item">
            <a class="nav-link active" href="index.html"><img src="img/home.png" alt="主页"> 主页</a>
        </li>
        <li class="nav-item">
            <a class="nav-link" href="friend.html"><img src="img/friends.png" alt="好友"> 好友</a>
        </li>
        <li class="nav-item">
            <a class="nav-link"><img src="img/notification.png" alt="通知">
                <button class="nav-item" onclick="showNo()">通知</button>
            </a>
        </li>
        <li class="nav-item">
            <a class="nav-link" href="myblog.html"><img src="img/blog.png" alt="博客"> 博客</a>
        </li>
        <li class="nav-item">
            <a class="nav-link" href="user.html"><img src="img/person.png" alt="个人资料"> 个人资料</a>
        </li>
    </ul>
    <div class="sidebar-bottom">
        <img class="cat" src="img/猫猫烧烤.gif" alt="动图">
    </div>
</div>

